@charset "UTF-8";
.div1, .div3_child {
  background-color: aqua;
  width: 100px;
  height: 100px;
  color: aliceblue; }

.div2 {
  width: 200px;
  height: 200px;
  color: pink;
  background-color: bisque; }
  .div2 .title::before {
    content: "我是张宇"; }

.message, .div3 {
  width: 200px;
  height: 200px;
  border: 1px solid black;
  background-color: pink; }

.div3_child {
  transition: all 0.5s; }
  .div3_child:hover {
    transition: all 0.5s;
    background-color: red; }

.div4 {
  width: 200px;
  height: 200px;
  background-color: red;
  content: aaaaaa; }

.a3 {
  background-color: aquamarine; }

.a4 {
  background-color: aquamarine; }

.a5 {
  background-color: aquamarine; }

.b3 {
  background-color: aquamarine; }

.b4 {
  background-color: aquamarine; }

.b5 {
  background-color: aquamarine; }

.b6 {
  background-color: aquamarine; }

.p10 {
  width: 100px; }

.p9 {
  width: 100px; }

.p8 {
  width: 100px; }

.p7 {
  width: 100px; }

.p6 {
  width: 100px; }

.p5 {
  width: 100px; }

.p4 {
  width: 100px; }

.p3 {
  width: 100px; }

.p2 {
  width: 100px; }

.p1 {
  width: 100px; }

* {
  padding: 0px;
  margin: 0px;
  list-style: none; }

body {
  background-color: red; }

.message1 {
  font-size: 12px;
  color: red;
  text-align: 10px;
  line-height: 10px;
  padding: 10px; }

a {
  width: 20; }
	